<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>隐藏文本的方法</title>
		<style>
			.logo{
				width: 190px;
				height: 80px;
				float: left;
				margin-top: 8px;
			}
			.login h1{
				position: relative;
			}
			.logo h1 .logo-bd{
				display: block;
				margin-left: 22%;
				padding-top: 58px;
				width: 142px;
				overflow: hidden;
				background: url(https://img.alicdn.com/tfs/TB1R5fsgyDsXe8jSZR0XXXK6FXa-281-80.jpg) 0 0 no-repeat;
			}
			.clearfix{
				/* text-indent: -9999px; */
				font-size: 0
			}
		</style>
	</head>
	<body>
		<div class="logo">
			<h1><a href="#" class="logo-bd clearfix" role="img">淘宝网</a></h1>
		</div>
	</body>
</html>